1 <?php
2 include 'includes/connect.php';
3 $user_id = $_SESSION['user_id'];
4
5 $result = mysqli_query($con, "SELECT * FROM users where id = $user_id");
6 while($row = mysqli_fetch_array($result)){
7 $name = $row['name'];
8 $address = $row['address'];
9 $contact = $row['contact'];
10 $email = $row['email'];
11 $username = $row['username'];
12 }
13 if($_SESSION['customer_sid']==session_id())
14 {
15 ?>
16 <!DOCTYPE html>
17 <html lang="en">
18
19 <head>
20 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
21 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
22 <meta http-equiv="X-UA-Compatible" content="IE=edge">
23 <meta name="msapplication-tap-highlight" content="no">
24 <title>Edit Details</title>
25
26 <!-- Favicons-->
27 <link rel="icon" href="images/favicon/favicon-32x32.png" sizes="32x32">
28 <!-- Favicons-->
29 <link rel="apple-touch-icon-precomposed" href="images/favicon/apple-touch-icon-152x152.png">
30 <!-- For iPhone -->
31 <meta name="msapplication-TileColor" content="#00bcd4">
32 <meta name="msapplication-TileImage" content="images/favicon/mstile-144x144.png">
33 <!-- For Windows Phone -->
34
35
36 <!-- CORE CSS-->
37 <link href="css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection">
38 <link href="css/style.min.css" type="text/css" rel="stylesheet" media="screen,projection">
39 <!-- Custome CSS-->
40 <link href="css/custom/custom.min.css" type="text/css" rel="stylesheet" media="screen,projection">
41
42 <!-- INCLUDED PLUGIN CSS ON THIS PAGE -->
43 <link href="js/plugins/perfect-scrollbar/perfect-scrollbar.css" type="text/css" rel="stylesheet" media="screen,projection">
44 <style type="text/css">
45 .input-field div.error{
46 position: relative;
47 top: -1rem;
48 left: 0rem;
49 font-size: 0.8rem;
50 color:#FF4081;
51 -webkit-transform: translateY(0%);
52 -ms-transform: translateY(0%);
53 -o-transform: translateY(0%);
54 transform: translateY(0%);
55 }
56 .input-field label.active{
57 width:100%;
58 }
59 .left-alert input[type=text] + label:after,
60 .left-alert input[type=password] + label:after,
61 .left-alert input[type=email] + label:after,
62 .left-alert input[type=url] + label:after,
63 .left-alert input[type=time] + label:after,
64 .left-alert input[type=date] + label:after,
65 .left-alert input[type=datetime-local] + label:after,
66 .left-alert input[type=tel] + label:after,
67 .left-alert input[type=number] + label:after,
68 .left-alert input[type=search] + label:after,
69 .left-alert textarea.materialize-textarea + label:after{
70 left:0px;
71 }
72 .right-alert input[type=text] + label:after,
73 .right-alert input[type=password] + label:after,
74 .right-alert input[type=email] + label:after,
75 .right-alert input[type=url] + label:after,
76 .right-alert input[type=time] + label:after,
77 .right-alert input[type=date] + label:after,
78 .right-alert input[type=datetime-local] + label:after,
79 .right-alert input[type=tel] + label:after,
80 .right-alert input[type=number] + label:after,
81 .right-alert input[type=search] + label:after,
82 .right-alert textarea.materialize-textarea + label:after{
83 right:70px;
84 }
85 </style>
86 </head>
87
88 <body>
89 <!-- Start Page Loading -->
90 <div id="loader-wrapper">
91 <div id="loader"></div>
92 <div class="loader-section section-left"></div>
93 <div class="loader-section section-right"></div>
94 </div>
95 <!-- End Page Loading -->
96
97 <!-- //////////////////////////////////////////////////////////////////////////// -->
98
99 <!-- START HEADER -->
100 <header id="header" class="page-topbar">
101 <!-- start header nav-->
102 <div class="navbar-fixed">
103 <nav class="navbar-color">
104 <div class="nav-wrapper">
105 <ul class="left">
106 <li><h1 class="logo-wrapper"><a href="index.php" class="brand-logo darken-1"><img src="images/materialize-logo.png" alt="logo"></a> <span class="logo-text">Logo</span></h1></li>
107 </ul>
108 </div>
109 </nav>
110 </div>
111 <!-- end header nav-->
112 </header>
113 <!-- END HEADER -->
114
115 <!-- //////////////////////////////////////////////////////////////////////////// -->
116
117 <!-- START MAIN -->
118 <div id="main">
119 <!-- START WRAPPER -->
120 <div class="wrapper">
121
122 <!-- START LEFT SIDEBAR NAV-->
123 <aside id="left-sidebar-nav">
124 <ul id="slide-out" class="side-nav fixed leftside-navigation">
125 <li class="user-details cyan darken-2">
126 <div class="row">
127 <div class="col col s4 m4 l4">
128 <img src="images/avatar.jpg" alt="" class="circle responsive-img valign profile-image">
129 </div>
130 <div class="col col s8 m8 l8">
131 <ul id="profile-dropdown" class="dropdown-content">
132 <li><a href="routers/logout.php"><i class="mdi-hardware-keyboard-tab"></i> Logout</a>
133 </li>
134 </ul>
135 </div>
136 <div class="col col s8 m8 l8">
137 <a class="btn-flat dropdown-button waves-effect waves-light white-text profile-btn" href="#" data-activates="profile-dropdown"><?php echo $name;?> <i class="mdi-navigation-arrow-drop-down right"></i></a>
138 <p class="user-roal"><?php echo $role;?></p>
139 </div>
140 </div>
141 </li>
142 <li class="bold"><a href="index.php" class="waves-effect waves-cyan"><i class="mdi-editor-border-color"></i> Order Food</a>
143 </li>
144 <li class="no-padding">
145 <ul class="collapsible collapsible-accordion">
146 <li class="bold"><a class="collapsible-header waves-effect waves-cyan"><i class="mdi-editor-insert-invitation"></i> Orders</a>
147 <div class="collapsible-body">
148 <ul>
149 <li><a href="orders.php">All Orders</a>
150 </li>
151 <?php
152 $sql = mysqli_query($con, "SELECT DISTINCT status FROM orders WHERE customer_id = $user_id;");
153 while($row = mysqli_fetch_array($sql)){
154 echo '<li><a href="orders.php?status='.$row['status'].'">'.$row['status'].'</a>
155 </li>';
156 }
157 ?>
158 </ul>
159 </div>
160 </li>
161 </ul>
162 </li>
163 <li class="no-padding">
164 <ul class="collapsible collapsible-accordion">
165 <li class="bold"><a class="collapsible-header waves-effect waves-cyan"><i class="mdi-action-question-answer"></i> Tickets</a>
166 <div class="collapsible-body">
167 <ul>
168 <li><a href="tickets.php">All Tickets</a>
169 </li>
170 <?php
171 $sql = mysqli_query($con, "SELECT DISTINCT status FROM tickets WHERE poster_id = $user_id AND not deleted;");
172 while($row = mysqli_fetch_array($sql)){
173 echo '<li><a href="tickets.php?status='.$row['status'].'">'.$row['status'].'</a>
174 </li>';
175 }
176 ?>
177 </ul>
178 </div>
179 </li>
180 </ul>
181 </li>
182 <li class="bold active"><a href="details.php" class="waves-effect waves-cyan"><i class="mdi-social-person"></i> Edit Details</a>
183 </li>
184 </ul>
185 <a href="#" data-activates="slide-out" class="sidebar-collapse btn-floating btn-medium waves-effect waves-light hide-on-large-only cyan"><i class="mdi-navigation-menu"></i></a>
186 </aside>
187 <!-- END LEFT SIDEBAR NAV-->
188
189 <!-- //////////////////////////////////////////////////////////////////////////// -->
190
191 <!-- START CONTENT -->
192 <section id="content">
193
194 <!--breadcrumbs start-->
195 <div id="breadcrumbs-wrapper">
196 <div class="container">
197 <div class="row">
198 <div class="col s12 m12 l12">
199 <h5 class="breadcrumbs-title">User Details</h5>
200 </div>
201 </div>
202 </div>
203 </div>
204 <!--breadcrumbs end-->
205
206
207 <!--start container-->
208 <div class="container">
209 <p class="caption">Edit your details here which are required for delivery and contact.</p>
210 <div class="divider"></div>
211 <div class="row">
212 <div class="col s12 m4 l3">
213 <h4 class="header">Details</h4>
214 </div>
215 <div>
216 <div class="card-panel">
217 <div class="row">
218 <form class="formValidate" id="formValidate" method="post" action="routers/details-router.php" novalidate="novalidate"class="col s12">
219 <div class="row">
220 <div class="input-field col s12">
221 <i class="mdi-action-account-circle prefix"></i>
222 <input name="username" id="username" type="text" value="<?php echo $username;?>" data-error=".errorTxt1">
223 <label for="username" class="">Username</label>
224 <div class="errorTxt1"></div>
225 </div>
226 </div>
227 <div class="row">
228 <div class="input-field col s12">
229 <i class="mdi-action-account-circle prefix"></i>
230 <input name="name" id="name" type="text" value="<?php echo $name;?>" data-error=".errorTxt2">
231 <label for="name" class="">Name</label>
232 <div class="errorTxt2"></div>
233 </div>
234 </div>
235 <div class="row">
236 <div class="input-field col s12">
237 <i class="mdi-communication-email prefix"></i>
238 <input name="email" id="email" type="email" value="<?php echo $email;?>" data-error=".errorTxt3">
239 <label for="email" class="">Email</label>
240 <div class="errorTxt3"></div>
241 </div>
242 </div>
243 <div class="row">
244 <div class="input-field col s12">
245 <i class="mdi-action-lock-outline prefix"></i>
246 <input name="password" id="password" type="password" data-error=".errorTxt4">
247 <label for="password" class="">Password</label>
248 <div class="errorTxt4"></div>
249 </div>
250 </div>
251 <div class="row">
252 <div class="input-field col s12">
253 <i class="mdi-action-account-circle prefix"></i>
254 <input name="phone" id="phone" type="number" value="<?php echo $contact;?>" data-error=".errorTxt5">
255 <label for="phone" class="">Contact</label>
256 <div class="errorTxt5"></div>
257 </div>
258 </div>
259 <div class="row">
260 <div class="input-field col s12">
261 <i class="mdi-action-home prefix"></i>
262 <textarea name="address" id="address" class="materialize-textarea validate" data-error=".errorTxt6"><?php echo $address;?></textarea>
263 <label for="address" class="">Address</label>
264 <div class="errorTxt6"></div>
265 </div>
266 <div class="row">
267 <div class="input-field col s12">
268 <button class="btn cyan waves-effect waves-light right" type="submit" name="action">Submit
269 <i class="mdi-content-send right"></i>
270 </button>
271 </div>
272 </div>
273 </div>
274 </form>
275 </div>
276 </div>
277 </div>
278 <div class="divider"></div>
279
280 </div>
281 <!--end container-->
282
283 </section>
284 <!-- END CONTENT -->
285 </div>
286 <!-- END WRAPPER -->
287
288 </div>
289 <!-- END MAIN -->
290
291
292
293 <!-- //////////////////////////////////////////////////////////////////////////// -->
294
295 <!-- START FOOTER -->
296 <footer class="page-footer">
297 <div class="footer-copyright">
298 <div class="container">
299 <span>Copyright © 2017 <a class="grey-text text-lighten-4" href="#" target="_blank">Students</a> All rights reserved.</span>
300 <span class="right"> Design and Developed by <a class="grey-text text-lighten-4" href="#">Students</a></span>
301 </div>
302 </div>
303 </footer>
304 <!-- END FOOTER -->
305
306
307
308 <!-- ================================================
309 Scripts
310 ================================================ -->
311
312 <!-- jQuery Library -->
313 <script type="text/javascript" src="js/plugins/jquery-1.11.2.min.js"></script>
314 <!--angularjs-->
315 <script type="text/javascript" src="js/plugins/angular.min.js"></script>
316 <!--materialize js-->
317 <script type="text/javascript" src="js/materialize.min.js"></script>
318
319 <!--scrollbar-->
320 <script type="text/javascript" src="js/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
321
322 <script type="text/javascript" src="js/plugins/jquery-validation/jquery.validate.min.js"></script>
323 <script type="text/javascript" src="js/plugins/jquery-validation/additional-methods.min.js"></script>
324
325 <!--plugins.js - Some Specific JS codes for Plugin Settings-->
326 <script type="text/javascript" src="js/plugins.min.js"></script>
327 <!--custom-script.js - Add your own theme custom JS-->
328 <script type="text/javascript" src="js/custom-script.js"></script>
329 <script type="text/javascript">
330 $("#formValidate").validate({
331 rules: {
332 username: {
333 required: true,
334 minlength: 5,
335 maxlength: 10
336 },
337 name: {
338 required: true,
339 minlength: 5,
340 maxlength: 15
341 },
342 email: {
343 required: true,
344 maxlength: 35,
345 },
346 password: {
347 required: true,
348 minlength: 5,
349 maxlength: 16,
350 },
351 phone: {
352 required: true,
353 minlength: 4,
354 maxlength: 11
355 },
356 address: {
357 required: true,
358 minlength: 10,
359 maxlength: 300
360 },
361 },
362 messages: {
363 username: {
364 required: "Enter username",
365 minlength: "Minimum 5 characters are required.",
366 maxlength: "Maximum 10 characters are required."
367 },
368 name: {
369 required: "Enter name",
370 minlength: "Minimum 5 characters are required.",
371 maxlength: "Maximum 15 characters are required."
372 },
373 email: {
374 required: "Enter email",
375 maxlength: "Maximum 35 characters are required."
376 },
377 password: {
378 required: "Enter password",
379 minlength: "Minimum 5 characters are required.",
380 maxlength: "Maximum 16 characters are required."
381 },
382 phone:{
383 required: "Specify contact number.",
384 minlength: "Minimum 4 characters are required.",
385 maxlength: "Maximum 11 digits are accepted."
386 },
387 address:{
388 required: "Specify address",
389 minlength: "Minimum 10 characters are required.",
390 maxlength: "Maximum 300 characters are accepted."
391 },
392 },
393 errorElement : 'div',
394 errorPlacement: function(error, element) {
395 var placement = $(element).data('error');
396 if (placement) {
397 $(placement).append(error)
398 } else {
399 error.insertAfter(element);
400 }
401 }
402 });
403 </script>
404 </body>
405
406 </html>
407 <?php
408 }
409 else
410 {
411 if($_SESSION['admin_sid']==session_id())
412 {
413 header("location:admin-page.php");
414 }
415 else{
416 header("location:login.php");
417 }
418 }
419 ?>
